import './app1.css';
import $ from 'jquery';

// buttons
const $add1 = $('#add1');
const $minus1 = $('#minus1');
const $mul2 = $('#mul2');
const $divide2 = $('#divide2');

const $number = $('#number');

const n = localStorage.getItem('n');
$number.text(n || 100);

/**
 * 以下是为了方便对应的键查找到应做的操作
 * $add1 : ++n
 * $minus1 : --n
 * $mul2 : *=2
 * $divide2 : /2
 */

let searchMap = new Map();
searchMap.set($add1, function(num){
    return ++num;
});
searchMap.set($minus1, function(num){
    return --num;
});
searchMap.set($mul2, function(num){
    num *= 2;
    return num;
});
searchMap.set($divide2, function(num){
    num /= 2;
    return num;
});

const clickButton = (btn) => {
    btn.on('click', () => {
        let n = parseInt($number.text());
        let func = searchMap.get(btn);
        n = func(n);
        localStorage.setItem('n', n);
        $number.text(n);
    });
}

// 直接使用封装好的函数
clickButton($add1);
clickButton($minus1);
clickButton($mul2);
clickButton($divide2);